@charset "UTF-8";
@function rem($px){
	@return $px*320/750/20 + rem;
}
$fontFamilyBase:"PingFang-SC-Regular","Helvetica Neue",Helvetica,"Droid Sans Fallback","microsoft yahei",sans-serif;

$allbg:#fff;

html {background:$allbg;
  position:relative;min-height:100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
	color:#333;
	margin: 0 auto;
	overflow-x: hidden;
	font-size:rem(30);
	font-weight: 300;
  background:$allbg;
	font-family:$fontFamilyBase;
	line-height: 1.42857143;
	-webkit-box-orient: vertical;
	-webkit-box-align: stretch;
}

html,body{width:100%;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,th,td {
  margin: 0;
  padding: 0;
  -webkit-touch-callout:none;
	box-sizing: border-box;
}
input, textarea, select,button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

section {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

article,aside,dialog,figure,footer,header,menu,nav,section {display: block}

a {text-decoration: none;color:#666;
	-webkit-tap-highlight-color: rgba(0,0,0,.35);
	-webkit-touch-callout:none;
}

ul,li{list-style: none}

address,cite,em,i,b{
	font-style: normal;
	font-weight: normal;
}

a:hover, a:active {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
	text-decoration: none;
}

a:active {opacity:.85;}

a:focus {outline:none;-moz-outline:none;}

input,textarea,button{outline:none;border:0;}

img{max-width: 100%;height:auto;border:0;}

/* input placeholder */
input::-webkit-input-placeholder {color:#999;}
input:-ms-input-placeholder{color:#999;}
input::-moz-placeholder{color:#999;}
input:-moz-placeholder{color:#999;}

pre{display:block;
  padding:10px;
  margin:10px;
  color:#333;
  word-break:break-all;
  word-wrap:break-word;
  background:#f5f5f5;
  border:1px solid #ccc;
  border-radius:rem(4);
  white-space:normal;
	overflow-x:auto;
  code{padding:0;
    color:inherit;
    white-space:pre-wrap;
    background:transparent;
  }
}

.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
.bk{display: block}
.clear,.clearfix{*zoom:1;}
.clear:after,.clearfix{content:'';display:block;clear:both;height:0;visibility:hidden;}
.boxsiz{box-sizing:border-box;}
.inb{display:inline-block;}
.prel{position:relative;}
.pabs{position:absolute;}
.bgfff{background:#fff;}
.ovh{overflow:hidden;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.show{display:block;}
.hide{display:none;}
.fr{float:right;}
.fl{float:left;}
.c000{color:#000;}
.c333{color:#333;}
.cred{color:#fc424d;}
.c666{color:#666;}
.c999{color:#999;}
.cfff{color:#fff;}
.common_green{color: #32b16c;}

/* border */
.borderT{border-top:1px solid #ddd;}
.borderB{border-bottom:1px solid #ddd;}

.bkimg{
	display:block;
	width:100%;
}
.vertop{display:inline-block;
	vertical-align:top;
}

/* 兼容PC */
.maxWidth{
	max-width: rem(750) !important;
	.fixed{left:50% !important; width: rem(750) !important; margin-left: rem(-375) !important;}
}
